<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Bootstrap5 实例</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="StyleSheet" href="../css/bootstrap.min.css" type="text/css" media="screen"/>
    <link rel="StyleSheet" href="../css/backstage.css" type="text/css" media="screen"/>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/bootstrap.bundle.js"></script>
</head>
<body>
<main class="border-bottom bg-color">
    <div class="bg-dark my-nav">
        <header class="d-flex py-3">
            <a href="/" class="text-white text-decoration-none">
                <svg class="bi me-2" width="40" height="32"></svg>
                <span class="fs-4">MyPetStore后台管理系统</span>
            </a>

            <svg class="bi me-2" width="100" height="32"></svg>

            <ul class="nav nav-pills">
                <li class="nav-item"><a href="/backstage/main" class="nav-link active" aria-current="page">Home</a></li>
                <li class="nav-item"><a href="/backstage/commodity" class="nav-link">商品管理</a></li>
                <li class="nav-item"><a href="/backstage/account" class="nav-link">账号管理</a></li>
                <li class="nav-item"><a href="/backstage/order" class="nav-link">订单管理</a></li>
            </ul>
        </header>
    </div>

    <div class="bg-color">
        <div class="my-div bg-light radius home">
            <div>
                <a href="/backstage/commodity">
                    <button class="radius home-button">
                        <img src="../icon/Commodity.svg" width="160" height="160">
                        <hr>
                        <p><b>商品管理</b></p>
                    </button>
                </a>

                <a href="../backstage/account">
                    <button type="button" class="radius home-button">
                        <img src="../icon/Account.svg" width="160" height="160">
                        <hr>
                        <p><b>账号管理</b></p>
                    </button>
                </a>


                <a href="../backstage/order">
                    <button class="radius home-button">
                        <img src="../icon/Order.svg" width="160" height="160">
                        <hr>
                        <p><b>订单管理</b></p>
                    </button>
                </a>

            </div>
        </div>

        <div>
            <div>&nbsp;</div>
            <div>&nbsp;</div>
            <div>&nbsp;</div>
            <div>&nbsp;</div>
            <div>&nbsp;</div>
        </div>
    </div>
</main>

</body>
</html>